.container{
    background-color: white;
    height: inherit;
    float: right;
    width: 100%;
    height: 100%;
}
.body{
    
}
.title{
    text-align: right;
    color: gold;
    font-family: tahoma;
    text-shadow:  2px 2px 1px lightsteelblue;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 20px;
}
.substance{
    text-align: right;
    font-family: tahoma;
    font-size: 15px;
}
.pic{
    float: left;
    width: 35%;
    background-image: inherit;
}
.substancePansions
{
    float: right;
    border: 5px cadetblue;
    border-style: ridge;
    border-radius: 20px;
    padding: 10px 10px 10px 10px;
    margin: 3px;
    width:27%;
    text-align: center;
    background-color: whitesmoke;
}
.pansionsTitle{
    text-align: right;
    color: darkslategray;
    font-family: tahoma;
    text-shadow:  2px 2px 1px lightsteelblue;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.pansionSub{
    text-align: center;
    background-image: inherit;
}
.pansionsContainer{
    width: 100%;
}
.substancePansions:hover{
    border-color: red;
}